<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title></title>
	</head>
	<style>
		
		html,body,div,ul,li{
			box-sizing: border-box;
		}
		
		html{
			font-size: 62.5%;	
			padding: 0px;
			margin: 0px;
		}
		
		body{
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}
		
		.content{
			text-align: center;
			margin-top: 20rem;
		}
		
		.tipFont{
			font-size: 2rem;
			padding: 1rem;
			color:  #00C077;
			/*border: .15rem solid #00C077;
			border-radius: 10%;*/
		}
		
		
	</style>
	<body>
		<div class="content" id="content">
			<span class="tipFont" onclick="openNetwork()">
				当前网络不可用，请检查网络连接
			</span>
		</div>
	</body>
	<script>
		var div = document.getElementById('content');
		document.body.style.height = window.innerHeight + "px";
		div.style.height = window.innerHeight + "px";
		
		function openNetwork(){
			//alert('打开无线网络')
		}
	</script>
</html>
